/*项目申报列表*/
<template>
  <div>
    <div v-if="indexKey === 1">
      <condition-card @reset="resetSearch" @search="onSearch" label-position="right" label-width="170px">
        <el-row :gutter="24" style="height: 50px;">
          <el-col :span="8">
            <el-form-item :label="$t('collegeFirstTrial.year')">
              <el-date-picker style="width:100%" :clearable="false"
                v-model="queryForm.condition.year"
                type="year" value-format="yyyy" format="yyyy">
              </el-date-picker>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item :label="$t('graduate.college')">
              <DictSelect v-model="queryForm.condition.college" filterable :data="options.faculty" :plzSelect="true"></DictSelect>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item :label="$t('projectDeclara.competiProject')">
              <el-input v-model.trim="queryForm.condition.name" style="width:100%"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item :label="$t('projectDeclara.competition')">
              <el-select v-model="queryForm.condition.typeId" clearable filterable style="width:100%">
                <el-option
                  v-for="item in options.country"
                  :key="item.id"
                  :label="item.name"
                  :value="item.id">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item :label="$t('projectDeclara.competiLevel')">
              <el-select v-model="queryForm.condition.comLevel" clearable style="width:100%">
                <el-option
                  v-for="item in options.degreeType"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item :label="$t('projectDeclara.competiSite')">
              <el-input v-model.trim="queryForm.condition.comPlace" style="width:100%"></el-input>
              <!-- <el-select v-model="queryForm.condition.comPlace" clearable style="width:100%">
                <el-option
                  v-for="item in options.comPlace"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select> -->
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item :label="$t('projectDeclara.contestTime')">
              <el-date-picker style="width:100%"
                v-model="queryForm.condition.comStart"
                :picker-options="pickerOptionsStart"
                type="month"
                value-format="yyyy-MM"
                format="yyyy-MM"
                >
              </el-date-picker>
            </el-form-item>
          </el-col>
          
          <el-col :span="8">
            <el-form-item :label="$t('projectDeclara.competiStatus')">
              <el-select v-model="queryForm.condition.status" clearable style="width:100%">
                <el-option
                  v-for="item in options.status"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value">
                </el-option>
              </el-select>
            </el-form-item>
          </el-col>
        </el-row>
      </condition-card>
      <el-card shadow="never" v-loading="loading" body-style="padding: 24px;" class="card-margin">
        <h1 class="condition-title">{{$t('projectDeclara.projectList')}}</h1>
       <div class="edu-opertion-bar sub-title">
        <div class="float-right" style="display: flex;">
            <el-button type="primary" @click="viewExample">{{$t('projectDeclara.sample')}}</el-button>
            <el-button type="primary" @click="increased">{{$t('interdisciplinaryManagement.increased')}}</el-button>
        </div>
      </div>
        <edu-table :pagination="false" :selection='false' :order='false' :tooltipEffect="tooltipEffect" stripe :data="dataList" size="mini" @selection-change="handleSelectionChange">
          <edu-table-column :label="$t('collegeFirstTrial.year')" prop="year" > </edu-table-column>
          <edu-table-column :label="$t('collegeFirstTrial.college')" prop="collegeName"></edu-table-column>
          <edu-table-column :label="$t('projectDeclara.competiProject')" prop="name"></edu-table-column>
          <edu-table-column :label="$t('projectDeclara.competition')" prop="typeName"></edu-table-column>
          <edu-table-column :label="$t('projectDeclara.competiLevel')" prop="comLevelName"></edu-table-column>
          <edu-table-column :label="$t('projectDeclara.competiSite')" prop="comPlace"></edu-table-column>
          <edu-table-column :label="$t('projectDeclara.contestTime')" prop="comStart"> </edu-table-column>
          <edu-table-column :label="$t('projectDeclara.applyFund')" prop="peopleNumber">
            <template slot-scope="scope">
              {{calculation(scope.row.businessSum,scope.row.peopleSum,scope.row.purchaseSum)}}
              <!-- {{Math.round(Number(scope.row.businessSum)*100)/100 +Math.round(Number(scope.row.peopleSum)*100)/100+Math.round(Number(scope.row.purchaseSum)*100)/100}} -->
            </template>
          </edu-table-column>
          <edu-table-column :label="$t('projectDeclara.applicant')" prop="creator"> </edu-table-column>
          <edu-table-column :label="$t('projectDeclara.competiStatus')" prop="status">
            <template slot-scope="scope">
                <el-button v-if="scope.row.status === 0" type="info" plain>{{$t('projectDeclara.draught')}}</el-button>
                <el-button v-if="scope.row.status === 1" type="info" plain>{{$t('projectDeclara.declara')}}</el-button>
                <el-button v-else-if="scope.row.status === 2" type="info" plain>{{$t('projectDeclara.rejected')}}</el-button>
                <el-button v-else-if="scope.row.status === 3" type="info" plain>{{$t('projectDeclara.project')}}</el-button>
                <el-button v-else-if="scope.row.status === 4" type="info" plain>{{$t('projectDeclara.noProject')}}</el-button>
                <el-button v-else-if="scope.row.status === 5" type="success" plain>{{$t('projectDeclara.hasProject')}}</el-button>
                <el-button v-else-if="scope.row.status === 6" type="danger" plain>{{$t('projectDeclara.projectClosure')}}</el-button>
            </template>
          </edu-table-column>
          <edu-table-column fixed="right" :label="$t('common.text.operation')" fit prop="operate" width="560" >
            <template slot-scope="props">
              <el-button type="text" v-if="props.row.currentFlow === 13 || props.row.currentFlow === 15 || props.row.currentFlow === 17" @click="internAssignment(props.row)">{{$t('projectDeclara.assignments')}}</el-button>
              <el-button v-if="props.row.currentFlow === 0 || props.row.currentFlow === 1 && props.row.enterApprove === 0" type="text" @click="selectEvalResubmit(props.row, '修改')">{{$t('projectDeclara.revamp')}}</el-button>
              <el-button v-if="props.row.currentFlow === 2 || props.row.currentFlow === 4||props.row.currentFlow === 6" type="text" @click="selectEvalResubmit(props.row, '重新提交')">{{$t('projectDeclara.resubmit')}}</el-button>
              <el-button type="text" @click="selectEvalExamine(props.row, '查看')">{{$t('projectDeclara.examines')}}</el-button>
              <el-button type="text" v-if='props.row.missionPaper === 1' @click="selectEvalExamine(props.row, '查看任务书')">{{$t('projectDeclara.statement')}}</el-button>
              <el-button type="text" v-if='props.row.missionPaper === 1' @click="exportDeclaration(props.row, '导出任务书')">{{$t('projectDeclara.missionStatement')}}</el-button>
              <el-button type="text" v-if="props.row.status !== 0" @click="exportDeclaration(props.row, '导出申报书')">{{$t('projectDeclara.declaration')}}</el-button>
              <el-button type="text" v-if="props.row.currentFlow === 13 || props.row.currentFlow > 13" @click="submitResults(props.row, 'submitResults')">{{$t('projectDeclara.submitResults')}}</el-button>
              <el-button type="text" v-if="props.row.currentFlow === 13 || props.row.currentFlow > 13" @click="exportResults(props.row, 'exportResults')">{{$t('projectDeclara.exportResults')}}</el-button>
              <el-button type="text" @click="selectEvalRemove(props.row, 'exportResults')">{{$t('projectDeclara.delete')}}</el-button>
            </template>
          </edu-table-column>
        </edu-table>
        <el-row type="flex" class="row-bg" justify="end">
          <el-col>
              <el-pagination
                @size-change="handleSizeChange"
                @current-change="handleCurrentChange"
                :current-page="queryForm.pageNum_"
                :page-sizes="[20, 40, 80, 100]"
                :page-size="queryForm.pageSize_"
                layout="total, sizes, prev, pager, next, jumper"
                :total="queryForm.total_"
                style="float:right;margin-top:10px"
              ></el-pagination>
          </el-col>
        </el-row>
      </el-card>
      <edu-export-dialog
        :disabled="exportButton"
        :title="$t('message.prompt')"
        ref="downloadRef"
        :data="exportResult">
      </edu-export-dialog>
    </div>
    <!-- 新增 -->
    <div v-if="indexKey === 2">
      <list-interdiAdd @change-exam='changeExam' ref="addFinom" @change-add='changeAdd' :compile='compile' :dataList='dataListObj'></list-interdiAdd>
    </div>
    <!-- 编辑/查看 -->
    <div v-if="indexKey === 3">
      <list-interdiEdit @change-exam='changeExam' :compile='compile' :compilesd='compilesd' :dataList='dataListObj' :awardNameList='options.awardName'></list-interdiEdit>
    </div>
    <!-- 提交任务书-->
    <div v-if="indexKey === 4">
      <list-submitAssignment @change-exam='changeExam' :compiles='compiles' :compilest='compilest' :compile='compile' :dataList='dataListObj' pageFrom='submitAss'></list-submitAssignment>
    </div>
    <!-- 查看填报示例 -->
    <div v-if="indexKey === 5">
      <seeTheSample @see-TheSample='theSample' ></seeTheSample>
    </div>
    <!-- 提交成果 -->
    <div v-if="indexKey === 6">
      <submitResults @change-exam='changeExam' :compile='compile' :dataList='dataListObj'></submitResults>
    </div>
  </div>
</template>
<script>
import { queryDic } from "common/src/api/dictionary";
import UTILS from "common/src/utils/utils";
import competiManagementApi from 'common/src/api/subjectCompetition/competiManagement';
import projectApplicaApi from 'common/src/api/subjectCompetition/projectApplica';
import store from 'common/src/store';
import interdiAdd from './projectDeclarationAdd';
import interdiEdit from './projectDeclarationEdit';
import submitResults from './projectDeclarationResults';
import submitAssignment from './submitAssignment';
import seeTheSample from './seeTheSample'
export default {
  components: {                                  
    'list-interdiAdd': interdiAdd,
    'list-interdiEdit': interdiEdit,
    'list-submitAssignment': submitAssignment,
    seeTheSample,
    submitResults: submitResults
  },
  data() {
    return{
      fileList: [],
      indexKey: 1,
      compile: '',
      compiles: '',
      compilesd: '',
      dataListObj: {},
      formList: new FormData(),
      dataFormList: {}, //接收路由跳转的数据
      dataForm: {
        
      }, //表格数据
      internship: {
        opinion: ''
      },
      queryFormRmport: {
        calendarId: '',
        enclosureFileName: '',
        enclosureFileUrl: '',
        calendarName: ''
      },
      queryFormRmportId: '',
      queryCalendarName: '',
      dataList: [],
      fileList: [],
      exportButton: false,
      listRmportVisible: false,
      englishScoreManage: {
        cet4ScoreExcellent: ''
      },
      options: {
        faculty: [],
        status: [
          { label: this.$t('projectDeclara.draught'), value: 0},
          { label: this.$t('projectDeclara.declara'), value: 1},
          { label: this.$t('projectDeclara.rejected'), value: 2},
          { label: this.$t('projectDeclara.project'), value: 3},
          { label: this.$t('projectDeclara.noProject'), value: 4},
          { label: this.$t('projectDeclara.hasProject'), value: 5},
          { label: this.$t('projectDeclara.projectClosure'), value: 6}
        ],
        degreeType: [],
        country: [],
        awardName: [],
        comPlace: []
      },
      dialogVisible: false,
      outsideAdvisorId: '',
      curCheckStandard: '',
      curPracticeId: '',
      queryForm: {
        condition: {
          year: new Date().getFullYear()+'',
          name: '',
          status: '',
          comStart: '',
          comPlace: '',
          comLevel: '',
          typeId: '',
          college: ''
        },
        pageNum_: 1,
        pageSize_: 20,
        total_: 0,
      },
      loading: false,
      calendarName: '',
      useConfigParamList: '',
      useConfigParam: '',
      pickerOptionsStart: {
        disabledDate: time => {
          let endDateVal = this.queryForm.condition.tutorEndTime;
          if (endDateVal) {
            // return time.getTime() > endDateVal;
            return time.getTime() >= new Date(endDateVal).getTime();
          }
        }
      },
      pickerOptionsEnd: {
        disabledDate: time => {
          let beginDateVal = this.queryForm.condition.tutorStartTime;
          if (beginDateVal) {
            // return time.getTime() < beginDateVal;
            return time.getTime() <= new Date(beginDateVal).getTime()- 86400000;
          }
        }
      },
      pickerStudentStart: {
        disabledDate: time => {
          let endDateVal = this.queryForm.condition.studentEndTime;
          if (endDateVal) {
            // return time.getTime() > endDateVal;
            return time.getTime() >= new Date(endDateVal).getTime();
          }
        }
      },
      pickerStudentEndTime: {
        disabledDate: time => {
          let beginDateVal = this.queryForm.condition.studentStartTime;
          if (beginDateVal) {
            // return time.getTime() < beginDateVal;
            return time.getTime() <= new Date(beginDateVal).getTime()- 86400000;
          }
        }
      },
      
      restaurants: [],
      semester: [],
      semesterRmpor: [],
      multipleSelection: [],
      tableData: []
    };
  },
  filters: {
    collegeAcademyList(val, array) {
      let str = "";
      for (let item of array) {
        if (val === item.value) {
          str = item.label;
        }
      }
      return str;
    }
  },
  created() {
    // this.getColleges();
  },
  mounted() {
    let data = {
        pageNum_: 1,
        pageSize_: 999,
        total_: 0,
        condition: {
          name: ''
        }
      }
      competiManagementApi.projectcategoryListPage(data).then(res => {
        this.options.country = res.data.list
      })
    this.getOptions()
    this.postProjectApplicaApi(this.queryForm)
  },
  methods: {
    calculation(dataOne,dataTow,dataSan) {
      if (dataOne&&dataTow&&dataSan) {
        let num = dataOne+dataTow+dataSan
        return Math.round(Number(num.toFixed(2))*100)/100
      }
    },
    theSample() {
      this.indexKey = 1
    },
    viewExample() {
      this.indexKey = 5
    },
    postProjectApplicaApi(data) {
      projectApplicaApi.projectListPage(data).then(res => {
        this.dataList = res.data.list
        if (this.dataList) {
          res.data.list.forEach(el => {
            this.options.comPlace.push({
              label: el.comPlace,
              value: el.comPlace,
            })
          })
        }
        this.queryForm.total_ = res.data.total_
      })
    },
    // 提交任务书
    internAssignment(data) {
      let submitMission = 1
      if (data.missionPaper === 0) {
        // this.dataListObj = {id: data.id }
        // this.compile = '编辑'
        this.compiles = '任务书'
        // this.indexKey = 4
        projectApplicaApi.projectListgetDetail(data.id, submitMission).then(res => {
          this.compile = '编辑'
          this.compilest = 'book'
          this.dataListObj = res.data
          this.indexKey = 4
          
        })
      } else {
        projectApplicaApi.projectListgetDetail(data.id, submitMission).then(res => {
          this.compile = '编辑'
          this.compilest = 'book'
          this.dataListObj = res.data
          this.indexKey = 4
          
        })
      }
      // projectApplicaApi.projectListgetDetail(data.id).then(res => {
      //   this.compile = '编辑'
      //   this.dataListObj = res.data
      //   this.indexKey = 4
      // })
    },
    // 提交成果
    submitResults(data) {
        competiManagementApi.getProjectResult(data).then(res => {
            this.dataListObj = res.data
            this.compile = this.$t('projectDeclara.submitResults')
            this.indexKey = 6
        })
    },
    // 重新提交
    selectEvalResubmit(data,statement) {
      projectApplicaApi.projectListgetDetail(data.id).then(res => {
        this.compile = '编辑'
        this.compilesd = statement
        this.dataListObj = res.data
        this.indexKey = 3
      })
    },
    // 查看
    selectEvalExamine(data, statement) {
      projectApplicaApi.projectListgetDetail(data.id).then(res => {
        this.compile = '查看'
        this.dataListObj = res.data
        if (statement === '查看') {
          this.indexKey = 3
          
        } else {
          this.compilest = ''
          this.indexKey = 4
        }
      })
    },
    // 导出
    exportDeclaration(data, statement) {
      let param = {
        "id": data.id,
        "type": ''
      }
      if (statement === '导出任务书') {
        param.type = 2
      } else {
        param.type = 1
      }
      projectApplicaApi.exportWordZip(param);
    },
    // 导出成果
    exportResults(data) {
      let param = {
        "projectId": data.id,
        "name": data.name
      }
      competiManagementApi.projectExportResult(param);
    },
    // statementExamine() {},
    // 删除
    selectEvalRemove(data) {
      this.$delConfirm().then(() => {

        let list = []
        list.push({id: data.id});
        competiManagementApi.delProject(list).then(res => {
          this.$message(this.$t('internship.successfully'));
          this.queryForm.pageNum_ = 1;
          this.postProjectApplicaApi(this.queryForm)
        })
      }).catch(() => {
        this.$message({
          type: 'info',
          message: this.$t('internship.cancelOpera')
        });  
      });
      
    },
    // onSubmit() {
    //   this.queryForm.pageNum_ = 1
    //   this.getQueryPractice();
    // },
    // 校验
    validateWeight(rule, value, callback) {
      let expReg = /^([1-9]|[1-9]\d{1,2})(\.\d{1,2})?$/;
      // let expReg = /^([1-9][0-9]*){1,3}(\.\d{2})?$/;
      if (!value) {
        callback(new Error(this.$t('internship.pleaseEnter')));
      } else if (!expReg.test(value)) {
        callback(new Error(this.$t('englishScoreManage.pleaseEnter')))
      } else {
        callback();
      }
    },
    // 导入
    leadFile(command) {
      if (command === '导入') {
        this.channel = true;
        this.$refs.importBtn.click();
      } else if (command === '下载') {
        interManagementApi.importTemplate().then(res => {
          this.$message(this.$t('internship.successfully'));
        });
      }
    },
    changeUpload(file) {
      if (!file.name.endsWith(".xlsx") && !file.name.endsWith(".xls")){
        this.fileList = [];
        return this.$message.warning(this.$t('cetStatistics.formatError'))
      }
    },
    changeSuccess(res, file, fileList) {
      if (res.code == 200) {
        this.$message({type: "success", message: this.$t('internship.successfully')});
        this.queryForm.pageNum_ = 1;
        this.changePostListPage(this.queryForm)
      } else {
        this.fileList = []
        this.$message({type: "info", message: res.msg});
      }
      
    },
    // 导出
    exportFile() {
      if (this.multipleSelection.length > 0) {
        let selectRowListIds = []
        this.multipleSelection.forEach(el => {
          selectRowListIds.push(el.id);
        })
        interManagementApi.interdisciplineExport({selectRowListIds}).then(res => {
          this.$message(this.$t('internship.successfully'));
        })
      } else {
        interManagementApi.interdisciplineExport(this.queryForm.condition).then(res => {
          this.$message(this.$t('internship.successfully'));
        })
      }
    },
    // 新增
    increased() {
      this.compile = '新增'
      this.indexKey = 2
    },
    // 删除
    remove() {
      if (this.multipleSelection.length > 0) {
        this.$delConfirm().then(() => {
          let list = []
          this.multipleSelection.forEach(el => {
            list.push({id: el.id});
          })
          interManagementApi.importExcelDelete(list).then(res => {
            this.$message(this.$t('internship.successfully'));
            this.queryForm.pageNum_ = 1;
            this.changePostListPage(this.queryForm)
          })
        }).catch(() => {
          this.$message({
            type: 'info',
            message: this.$t('internship.cancelOpera')
          });          
        });
      } else {
        this.$message.error(this.$t('interdisciplinaryManagement.interdisciSelect'));
        
      }
    },
    // 返回列表主页
    changeExam() {
      this.indexKey = 1
      this.multipleSelection = []
      this.queryForm.pageNum_ = 1
      this.postProjectApplicaApi(this.queryForm)
    },
    changeAdd(data) {
      let list = []
      data.studentList.forEach(el => {
        // list.push({
          // "studentId": el.studentId,
          el.phone = el.phoneNumber
          // "email": el.email
        // })
      })
      // data.studentList = list
      interManagementApi.interdisciplineAdd(data).then(res => {
        this.$message.success(this.$t('internship.successfully')); 
        this.$refs.addFinom.cancelClose()
        this.indexKey = 1
        this.queryForm.pageNum_ = 1
        this.changePostListPage(this.queryForm)
      })
    },
    changeCountry(val) {
      this.queryForm.condition.collegeCode = '';
      this.queryForm.condition.nationId = val;
      let obj = {
        condition: {
          nationId: val,
        },
        pageNum_: 1,
        pageSize_: 20
      }
      this.postApproveAgree(obj);
    },
    changeNameSchool() {
      if (!this.queryForm.condition.nationId) {
        let obj = {
          condition: {
            nationId: null,
          },
          pageNum_: 1,
          pageSize_: 20
        }
        this.postApproveAgree(obj);
      }
    },
    getQueryPractice() {
      subjectCompetitionApi.postComputerManagement(this.queryForm).then(res => {
        this.dataList = res.data.list
        this.queryForm.total_ = res.data.total_
      });
    },
    // 导入
    exportLead() {
      // this.getSchoolCalendar();
      this.queryFormRmport.calendarId = this.queryFormRmportId
      this.listRmportVisible = true;
    },
    // 勾选
    handleSelectionChange(val) {
      this.multipleSelection = val;
      
    },
    postApproveAgree(date) {
      interAcaConferenceApi.overseasCollege(date).then(res => {
          this.options.nameSchool = res.data.list
      })
    },
    getOptions() {
      // 筛选条件字典查询
      let data = {
        lang: this.$store.getters.language || "cn",
        type: "allChild",
        keys: ["X_YX", 'G_XBIE', "JSGL_JSJB", 'G_GJQU', 'JSGL_JXMC']
      };
      queryDic(data).then(res => {
        UTILS.fillSelect(
          {
            faculty: "X_YX",
            awardName: "JSGL_JXMC",
            degreeType: "JSGL_JSJB",
            sex:"G_XBIE"
          },
          res.data,
          this.options
        );
      });
    },
    // 筛选
    onSearch() {
      this.queryForm.pageNum_ = 1
      this.postProjectApplicaApi(this.queryForm)
    },
    // 重置
    resetSearch() {
      // this.queryForm.condition.student = ''
      // this.queryForm.condition.calendarId = this.useConfigParamList;
      for (let key in this.queryForm.condition) {
        this.queryForm.condition[key] = '';
      }
      // this.changeNameSchool();
      this.queryForm.condition.year = new Date().getFullYear()+''
      this.queryForm.pageNum_ = 1
      this.postProjectApplicaApi(this.queryForm)
    },
    // 取消
    cancelRmport() {
      
      this.listRmportVisible = false;
    },
    // 上传之前
    handleChange(file) {
      if (!file.name.endsWith(".xlsx") && !file.name.endsWith(".xls")){
        this.fileList = [];
        this.formList = new FormData();
        return this.$message.warning(this.$t('cetStatistics.formatError'))
      }
      this.queryFormRmport.enclosureFileName = 'a';
    },
   
    setInformationAttachList(fileList) {
      let attachList = [];
      fileList.forEach(item => {
        if (item.response && item.response.data) {
          const uploadedObj = item.response.data[item.name];
          if (uploadedObj) {
            this.queryFormRmport.enclosureFileName = uploadedObj.fileName;
            this.queryFormRmport.enclosureFileUrl = uploadedObj.objectkey;
          }
        }
      });
    },
    changeRequest(file) {
      this.formList.append("file", file.file);
    },
    // 导入确定
    reliableRmport() {
      this.$refs['queryFormRmport'].validate((valid) => {
        if (valid) {
          this.$refs.uploadLead.submit();
          this.formList.append("calendarId", this.queryFormRmport.calendarId);
          this.formList.append("educationTag", Number(this.$store.getters.getProjectId()));
          subjectCompetitionApi.postComputerRmport(this.formList).then(() => {
            this.$message.success(this.$t('studentsRegist.successfully'));
            this.formList = new FormData();
            this.fileList = [];
            this.listRmportVisible = false;
            this.queryForm.pageNum_ = 1
            this.getQueryPractice();
          }).catch(() =>{
            this.formList = new FormData();
            this.fileList = [];
            this.queryFormRmport.enclosureFileName = '';
            // this.listRmportVisible = false;
          });
        }
      });
    },
    handleSizeChange(val) {
      this.queryForm.pageSize_ = val
      this.queryForm.pageNum_ = 1
      this.postProjectApplicaApi(this.queryForm)
    },
    handleCurrentChange(val) {
      this.queryForm.pageNum_ = val
      this.postProjectApplicaApi(this.queryForm)
    },
    goBack() {
      this.$store.commit("delete_tabs", this.$route.path);
      this.$router.go(-1);
    }
  }
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
  .p_cals:hover{
    cursor: pointer;
    color: #409eff;
  }
  .p_cals{
    color: #aaa
  }
  .inner-breadcrumb {
      .breadcrumb {
          span {
              font-weight: normal;
              color: #aaa;
          }
          a {
              font-weight: normal;
              color: #aaa;
          }
          a:hover {
              color: #409eff;
          }
          .last {
              font-weight: bold !important;
              cursor: default !important;
          }
          .disable {
              cursor: default !important;
          }
      }
  }
  .condition-title-p {
      font-weight: 400;
      font-style: normal;
      color: #2b3b4e;
      font-size: 18px;
      margin-bottom: 15px;
  }
  .base-info-title {
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      color: #2b3b4e;
  }
  .table-style-baseinfo {
      background-color: rgba(210, 212, 214, 1);
      box-sizing: border-box;
      border-width: 0.5px;
      border-style: solid;
      border-color: rgba(210, 212, 214, 1);
      border-radius: 0px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      width: 100%;
      font-weight: 401;
      font-style: normal;
      font-size: 14px;
      color: #8896a7;
      margin-bottom: 20px;
  }

  .table-style-baseinfo td {
      width: 25%;
      background-color: rgba(255, 255, 255, 1);
      border: none;
      border-radius: 0px;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      font-weight: 401;
      font-style: normal;
      font-size: 14px;
      color: #2b3b4e;
      height: 32px;
      padding: 0 10px;
  }

  .table-style-baseinfo .text-right-background-color {
      background-color: #fdfeff4d;
      text-align: right;
  }

  .text-left-background-none {
      text-align: left;
  }
</style>